<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML5的新特性 - 使用Canvas标签轻松获取当前位置</title>
	</head>
	<body>
		<script type="text/javascript">
			window.addEventListener("load",function(){
				//判断可否使用geolocation
				//console.log(navigator.geolocation);
				if(navigator.geolocation){
					//定期获取所在位置
					navigator.geolocation.watchPosition(update);
				}
			},false);
			
			//取得位置并表示
			function update(position){
				//获取纬度
				var lat = position.coords.latitude;
				
				//获取经度
				var lng = position.coords.longitude;
				
				//把经纬度显示出来
				document.write("纬度：" + lat + ", 经度是：" + lng);
			}
		</script>
	</body>
</html>
